<template>
    <el-card class="page-tools">
        <div class="left-content">
            <i class="el-icon-info"></i>
            &nbsp;
            <slot name="left"></slot>
        </div>
        <div>
            <slot name="right"></slot>
        </div>
        
    </el-card>
</template>

<script>
export default {
    name: 'PageTools'
}
</script>

<style lang="scss">
.page-tools {
    .el-card__body {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left-content {
            line-height: 34px;
            padding: 0 10px;
            border-radius: 3px;
            border: 1px solid #91d5ff;
            background: #e6f7ff;
            .el-icon-info {
                color: #409eff;
            }
            
        }
    }
}
</style>